<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/plugins/swiper/css/swiper.css">
    <link rel="stylesheet" href="/css/github-markdown.css">
    <link rel="stylesheet" href="/plugins/wangEditor/wangEditor.min.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/create.css">
    <script src="/plugins/jquery/jquery-3.4.0.min.js"></script>
    <script src="/plugins/swiper/js/swiper.min.js"></script>
    <script src="/plugins/bootstrap/js/bootstrap.js"></script>
    <script src="/plugins/bootstrapPager.js"></script>
    <script src="/plugins/wangEditor/wangEditor.min.js"></script>
</head>

<body>
    <!-- 导航栏 -->
    <%include header%>
    <!-- 网站内容模块 -->
    <div class="container-w main">
        <div class="left">
            <form action="/create" method="post">
                <input type="hidden" name="userId" value="<%=user.userId%>">
                <div class="create">
                    <div class="leixin">
                        <label>选择文章类型:</label>
                        <select class="form-control" name="classId">
                           <% types.forEach(function(type){%>
                                <option value="<%=type.classId%>"><%=type.className%></option>
                           <% })%>
                                                               
                    </select>
                    </div>
                    <div class="title">
                        <input type="text" class="form-control" placeholder="请输入文章标题" name="articalName">
                    </div>
                    <textarea id="txt" name="content" style="width:100%; height:300px; display:none;"></textarea>
                    <div class="articalTxt">
                    </div>
                    <input type="submit" class="btn btn-primary" value="发布">
                </div>
            </form>


        </div>
        <div class="right">
            <div class="newsList">
                <h3>最新文章</h3>
                <ul>
                    <li><a href="#">阿里云前端技术周刊第八期</a></li>
                    <li><a href="#">实现一个前端路由，如何实现浏览器的前进与后退 ？</a></li>
                    <li><a href="#">JavaScript 中数组方法 reduce 的妙用之处</a></li>
                    <li><a href="#">IIFE为什么不会污染全局变量</a></li>
                    <li><a href="#">如何实现一个下载进度条/播放进度条</a></li>
                </ul>
            </div>
            <div class="ganggao">
            </div>

            <div class="msg">
                <h3>联系我们</h3>
                <P>手机号:18888888</P>
                <P>QQ:9494985729</P>
                <P>微信:wx8d8d8d8</P>
            </div>
        </div>
    </div>


    <!-- 页面底部 -->
    <div class="footer">
        <div class="container-w">
            <div class="footer-left">
                <p>初心教育专注于从事互联网IT教育培训,致力于培养高质量互联网行业中高端技术人才,目前开设高级前端全栈学科,java全栈应用学科培养工作中能够快速开发项目能力.</p>
                <p>公司地址: 武汉市江夏区关南园一路当代光谷梦工厂2栋</p>
            </div>
            <div class="footer-right">
                <div class="phton">
                    <p>联系电话:188888888</p>
                    <p>微信:wx18888888</p>
                    <img src="/images/ewm.jpg" alt="">
                </div>
            </div>
        </div>

    </div>


    <script src="/js/index.js"></script>

    <script>
        var E = window.wangEditor
        var editor = new E('.articalTxt')
            // 下面两个配置，使用其中一个即可显示“上传图片”的tab。但是两者不要同时使用！！！
        editor.customConfig.uploadImgShowBase64 = true // 使用 base64 保存图片    
        editor.customConfig.onchange = function (html) {
                // 监控变化，同步更新到 textarea
                $('#txt').val(html)
        }      
        editor.create()
    </script>
</body>

</html>